<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="baidu_union_verify" content="a09b881d6d418bc4c85b021f4e707dd0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>影子博客</title>
</head>

<link rel="stylesheet" type="text/css" href="../static/css/webindex.css" />
<script type="text/javascript" src="../test/js/jquery.js"></script>
<script type="text/javascript" src="../test/js/jquery.min.js"></script>
<link href="../static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="../static/bootstrap/js/bootstrap.min.js"></script>

<style>
#header {
	height: 55px;
	background: #DCE2F1;
}

.navhead li {
	display: inline;
	float: left;
	position: relative;
	height: 50px;
	line-height: 50px;
	margin: 0 0 0 10px;
	cursor: pointer;
	border-radius: 5px;
	text-align: center;
	border-radius: 5px;
}

.navhead li a {
	margin-right: 60px;
	line-height: 40px;
	padding: 0 20px;
	font-size: 16px;
	font-color: #FF0000;
	font-family: "微软雅黑";
}

.hright {
	float: right;
	line-height: 55px;
}

.hright a {
	color: #0D0D0D;
	padding: 20px 20px;
}

.bottom {
	text-align: center;
	padding: 20px 20px;
}
</style>


<body>
	<div class="index">
		<div id="top" class="top">
			<div>
				<div class="hleft">
					<a href=""><img src="/static/image/admin.jpg" width=50px
						height=50px alt="java"></a>
				</div>
				<div id="sysadmin" class="hright">
					<a target="_blank"
						href="${pageContext.request.contextPath}/blogadmin/index"">系统管理</a>
				</div>
			</div>
		</div>
		<div id="header">
			<ul class="navhead" class="pagination">
				<li><a href="#" onclick="openpage('1',1)"><span>Java</span></a></li>
				<li><a href="#" onclick="openpage('2',1)"><span>PHP</span></a></li>
				<li><a href="#" onclick="openpage('3',1)"><span>python</span></a></li>
				<li><a href="#" onclick="openpage('4',1)"><span>PHP</span></a></li>
			</ul>
		</div>

		<div class="center">
			<div id="main" class="left">
				<c:forEach var="art" items="${page.list}">
					<div class="xnews2">
						<div class="desc">
							<h3>
								<a target="_blank" href="./artdetail?id=${art.id}">${art.title}</a>
							</h3>
							<div class="time">发布时间:${art.time}</div>
							<div class="time">
								<a href='#'>${art.keywords}</a>
							</div>
						</div>
					</div>
				</c:forEach>
				<div style="text-align: center;">
					<ul class="pagination pagination-lg">
						<li><a href="#">&laquo;</a></li>
						<c:forEach var="s" begin="1" end="${result.pageTotal}">
							<li><a href="#" onclick="openpage('${result.type}',${s})">${s}</a></li>
						</c:forEach>
						<li><a href="#">&raquo;</a></li>
					</ul>
				</div>
			</div>
			<div class="right">
				<img src="/static/image/logo.png" width=100% height=500px>
			</div>
		</div>
		<div id="bottom" class="bottom">Copyright © 2016 - , All Rights
			Reserved Powered By demodashi 1.1.0</div>

	</div>


</body>

<script>
	function openpage(type, page) {
		window.open("${pageContext.request.contextPath}/blogweb/index?type="
				+ type + "&page=" + page, "_self");
	}

	function opendetail(id) {
		var content = '<iframe src="http://www.baidu.com" scrolling="auto" frameborder="0" style="width: 100%; height: 100%;"></iframe>';
		$("#main").html(content);
	}
</script>



</html>